<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>订单</title>
    <link href="Tools/MoCoop/MoCoop.css" rel="stylesheet">
    <!--MoCoop CSS-->
    <link href="css/style.css" rel="stylesheet">
    <!--自定义样式-->
    <link href="Tools/PTR/ptr.css" rel="stylesheet">
    <!--pullToRefresh CSS-->

</head>
<body>

<div class="mc-container">
    <div class="mc-commonpage mc-simplepage ">
        <div class="mc-body pagebg-grey orders-page">
            <div class="header-search no-display">
                <input type="text" placeholder="请输入订单号"><span class="textcolor-main" onclick="util.hideSearchBar()">取消</span>
            </div>
            <div class="header-selectfactory">
                <div id="orderParty"></div>
                <div class="changefactory textcolor-main text-right mc-responseicon">切换工厂</div>
                <div id="CONTAINER-orderpartys" class="select-container"></div>

                <script id="TEMPLATE-orderpartys" type="text/ractive">
                    <select class="factory-select"  onchange="util.selectFactory(this);">
                        {{#ractiveData}}
                            <option value="{{sellerID}}">{{sellerName}}</option>
                        {{/ractiveData}}
                    </select>

                </script>
                <!--
                                <div id="CONTAINER-orderprocess" class="select-container"></div>
                                <script id="TEMPLATE-orderprocess" type="text/ractive">
                                        <select class="factory-select"  onchange="util.selectFactory(this);">
                                            {{#ractiveData}}
                                                <option value="{{sellerID}}">{{sellerName}}</option>
                                            {{/ractiveData}}
                                        </select>
                                    </script>-->
            </div>
            <div class="orders-pagebody">
                <div id="ptr">
                    <span class="icon-ptr"></span>
                    <div class="loading">
                        <span id="l1"></span>
                        <span id="l2"></span>
                        <span id="l3"></span>
                    </div>
                </div>
                <div id="content" class="mc-fullpage pagebg-grey">
                    <div class="mc-nodata">
                        <div class="mc-nodata-icon"></div>
                        <div class="mc-nodata-label">暂无数据</div>
                    </div>
                    <div id="CONTAINER-orders" class="ractivecontainer bottomspace"></div>
                    <script id="TEMPLATE-orders" type="text/ractive">
                        {{#ractiveData:i}}
                            <div class="order-item" id="{{jsonPK}}">
                                <div class="ajax-status textcolor-main">
                                     {{#if remarkStatus=='uploading' || abnormalStatus=='uploading' || processStatus=='uploading'}}
                                       上传中
                                     {{/if}}
                                </div>
                                 {{#if remarkStatus=='failed' || abnormalStatus=='failed' || processStatus=='failed'}}
                                    <div class="ajax-status textcolor-danger mc-responseicon" onclick="util.findThisOrdersFailedTask(this,'{{jsonPK}}')">上传失败<br>点击重试</div>
                                 {{/if}}
                                <div class="order-itembtn mc-btn" onclick="mc.saveDataToLocalStorage('showItem',1,function(){mc.jump('detail.html?orderID={{jsonPK}}&orderNo={{orderNo}}','订单详情')},'app');">
                                    <div class="order-itembody">
                                        <div class="abnormal-itemheader {{orderAttachment != null ? 'headerwithimage':''}}">
                                            <div class="header-image">
                                                {{#orderAttachment}}
                                                    <img id="{{setName(orderAttachment)}}_{{i}}"/>
                                                {{/orderAttachment}}
                                            </div>
                                            <div class="order-name">{{orderNo}}</div>
                                            <div class="order-info">{{itemNo}}&emsp;&emsp;{{formatDate(exFactoryDate,"MM-dd hh:mm")}}</div>
                                        </div>
                                        <div class="order-iteminfo">
                                            <div>数量：{{quantity}}</div>
                                            <!--<div>订单异常：5（未读2）</div>-->
                                            <!--<div>订单备注：20（未读5）</div>-->
                                            <div class="order-unread">未读异常：<i>{{abnormalCount || 0}}</i>未读备注：<i>{{remarkCount || 0}}</i></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="order-itemextrabtn">
                                    <div class="btn-newabnormal" onclick="util.getProcessByOrderId('{{jsonPK}}','异常')"><div class="mc-btn">新增异常</div></div>
                                    <div class="btn-newremark" onclick="util.getProcessByOrderId('{{jsonPK}}','备注')"><div class="mc-btn">添加备注</div></div>
                                </div>
                            </div>
                        {{/ractiveData}}
                         <div class="mc-scroll-loading">
                            <div class="mc-scroll-progress"></div>
                            <div class="mc-scroll-pomptlabel"></div>
                         </div>
                    </script>
                </div>
            </div>
            <div id="orderprocess" class="select-container no-display">
                <div class="orderprocess-bg" onclick="$('#orderprocess').fadeOut(300);"></div>
                <div class="process-list">
                    <div class="process-list-title">请选择流程(<span id="now"></span>)<div class="process-list-close mc-responseicon" onclick="$('#orderprocess').hide();">关闭</div></div>
                    <div class="process-listcontainer">
                    </div>
                    <div id="process-nodata" class="mc-nodata">
                        <div class="mc-nodata-icon" style="margin-top: 150px"></div>
                        <div class="mc-nodata-label">暂无数据</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="Tools/jquery-2.1.4.min.js"></script>
<!--jquery-->
<script src="Tools/Ractive.js"></script>
<script src="Tools/PTR/hammer.2.0.4.js"></script>
<script src="js/common.js"></script>
<script src="Tools/PTR/wptr.1.1.js"></script>
<!--公共方法JS（由用户编写）-->
<script src="js/pages/orders.js"></script>
<!--当前页面JS（由用户编写）-->
<script src='js/dataInterface.js'></script>
<!--获取数据方法JS（由用户编写）-->
<script src="Tools/MoCoop/MoCoop.js"></script>
<!--MoCoopJS（必须引入）-->
</body>
</html>
                    